import { message, Modal, Image, Form, Input, Space, Button } from "antd";
import { useReactive } from "ahooks";
import { v4 as uuidv4 } from "uuid";

const AddMiniAppPage = (props) => {
    const [form] = Form.useForm();

    const state = useReactive({
        orgWechatInfo: {},
        loading: false,
        pageSize: 20,
        page: 1,
        staffName: "",
        totalCount: 0,
        previewImage: "",
        visible: false,
    });

    const onFinish = async (values) => {
        state.loading = true;

        state.loading = false;
    };

    // 窗口头部：30，应用头：60，页头：59，操作区内边距：24，卡面头：61，修正值：4

    return (
        <Form name="change-password" form={form} layout="vertical" onFinish={onFinish} style={{ padding: "10px 20px" }} initialValues={props.record}>
            <Form.Item label="充值金额" name="scMone" rules={[{ required: true }]}>
                <Input />
            </Form.Item>
            <Form.Item label="赠送金额" name="scFree" rules={[{ required: true }]}>
                <Input />
            </Form.Item>
            <Form.Item label="享受折扣" name="scZhec" rules={[{ required: true }]}>
                <Input />
            </Form.Item>
            {/* <Form.Item label="赠送商品" name="oaaaRole" rules={[{ required: true }]}>
                <Input />
            </Form.Item> */}
            <Form.Item>
                <Space>
                    <Button loading={false} type="primary" htmlType="submit">
                        保存
                    </Button>
                    <Button loading={false} onClick={() => form.resetFields()}>
                        重置
                    </Button>
                </Space>
            </Form.Item>
        </Form>
    );
};

export default AddMiniAppPage;
